<template>
	<view class="root">
		<input class="inp" placeholder="请输入搜素内容" />
		<image src="../../static/image/seach1.png" />
	</view>
</template>

<script>
	export default {
		name: "search",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.root {
		display: flex;
		flex-direction: row;
		padding: 15rpx;
		align-items: center; //上下居中

		input {
			background-color: #ffffff;
			flex: 1;
			border-radius: 15rpx;
			height: 55rpx;
			border: 4rpx solid #5288F5;
			padding-left: 15rpx; //左内聚
		}

		image {
			width: 50rpx;
			height: 50rpx;
			margin: 0rpx;
		}
	}
</style>
